@charset "utf-8";

/*구조*/
.wrap_sns{height: 100%;}
.wrap_sns .container{height: 100%;}

/*타이틀*/
.wrap_sns .title{display: none;}

/*목록*/
.wrap_sns .list > ul > li{display:inline-block;width: 25%;padding:0 20px;margin-bottom: 60px;max-height: 630px;vertical-align:top;}
/* .wrap_sns .list:after{content:'';width:1px;height:100%;background:#f3f3f3;position:absolute;left:75%;top:40px;} */
.wrap_sns .list{padding-top:40px;}
.wrap_sns .list > ul{font-size:0;}

/*
.wrap_sns .list > ul:before{content:'';width:1px;height:100%;background:#f3f3f3;position:absolute;left:25%;top:40px;}
.wrap_sns .list > ul:after{content:'';width:1px;height:100%;background:#f3f3f3;position:absolute;left:50%;top:40px;}
*/
.wrap_sns .list > ul > li:nth-child(1){padding:-1px 45px 0 0;}
.wrap_sns .list > ul > li:nth-child(4){padding:0 0 0 45px;}
.wrap_sns .list > ul > li:nth-child(5){padding:0 45px 0 0;}
.wrap_sns .list > ul > li:nth-child(8){padding:0 0 0 45px;}

.wrap_sns .list > ul > li:nth-child(5){margin-top:-25px;}
.wrap_sns .list > ul > li:nth-child(6){}
.wrap_sns .list > ul > li:nth-child(7){margin-top:-200px;}
.wrap_sns .list > ul > li:nth-child(8){margin-top:-20px;}

/*noData*/
.wrap_sns .list .nodata{font-size:18px;color:#000;text-align:center;padding:40px 0;width:100%;}

/*링크*/


/*썸네일*/
.wrap_sns .list > ul > li .thumb{overflow: hidden;}
.wrap_sns .list > ul > li .thumb img{width:100%;height: 100%;object-fit: cover;object-position: center;}
.wrap_sns .list > ul > li:nth-child(1) .thumb{height: 100%;}
.wrap_sns .list > ul > li:nth-child(2) .thumb{height: 100%;}
.wrap_sns .list > ul > li:nth-child(3) .thumb{height: 100%;}
.wrap_sns .list > ul > li:nth-child(4) .thumb{height: 100%;}
.wrap_sns .list > ul > li:nth-child(5) .thumb{height:425px;}
.wrap_sns .list > ul > li:nth-child(6) .thumb{height: 440px;}
.wrap_sns .list > ul > li:nth-child(7) .thumb{height:375px;}
.wrap_sns .list > ul > li:nth-child(8) .thumb{height:425px;}

/*컨텐츠*/
.wrap_sns .list > ul > li .con{padding-top:35px;}

/*제목*/

.wrap_sns .list > ul > li .con .subjectText{font-size:23px;font-family:'Noto Medium';display:block;/* padding-left:35px; *//* padding-top:12px; */height: 38px;overflow: hidden;}

/*내용*/
.wrap_sns .list > ul > li .con .content{color:#666;font-size:17px;font-family:'Noto Regular';/* padding-left:35px; */padding-top:10px;max-height: 82px;overflow: hidden;}
.wrap_sns .list > ul > li .readMore{display: none;}

/*날짜*/
.wrap_sns .list > ul > li .con .date{display: none;}

/*더보기*/
.wrap_sns .more{position:absolute;right: 0;display:block;width:120px;text-align:center;border:1px solid #000;padding:12px;}

/*활성화*/


/*CONTROL*/


/*HOVER*/
@media only screen and (min-width:1281px){

}

@media all and (max-width:1400px) {
	.wrap_sns .list > ul > li:nth-child(1) .thumb{height: 100%;}
	.wrap_sns .list > ul > li:nth-child(2) .thumb{height: 100%;}
	.wrap_sns .list > ul > li:nth-child(3) .thumb{height: 100%;}
	.wrap_sns .list > ul > li:nth-child(4) .thumb{height: 100%;}
	.wrap_sns .list > ul > li:nth-child(5) .thumb{height:345px;}
	.wrap_sns .list > ul > li:nth-child(6) .thumb{height: 350px;}
	.wrap_sns .list > ul > li:nth-child(7) .thumb{height:325px;}
	.wrap_sns .list > ul > li:nth-child(8) .thumb{height:345px;}
}

@media all and (max-width:1280px) {
	.wrap_sns .list > ul{padding-top:25px;}
	.wrap_sns .list > ul > li{width:50%;max-height: initial;}
	.wrap_sns .list:after{display:none;}
	.wrap_sns .list > ul:after{display:none;}
	.wrap_sns .list > ul:before{left:50%;}
	.wrap_sns .list > ul > li{padding:0 45px !important;margin-top:0 !important;}
	.wrap_sns .list > ul > li:nth-child(odd){padding-left: 0 !important;}
	.wrap_sns .list > ul > li:nth-child(even){padding-right:0 !important;}
	.wrap_sns .list > ul > li .thumb{height:100% !important;}
	.wrap_sns .list > ul > li .con .subjectText{padding-left:0;font-size: 20px;height: 54px;}
	.wrap_sns .list > ul > li .con .content{padding-left:0;}
	.wrap_sns .more{}
}
@media all and (max-width:768px) {
	.wrap_sns .list > ul > li{width:100%;padding:0 !important;margin-top:0 !important;margin-bottom: 0;}
	.wrap_sns .list > ul > li .thumb{height:auto !important;}
	.wrap_sns .list > ul:before{display: none;}
	.wrap_sns .list > ul > li + li{margin-top:35px !important;}
	.wrap_sns .list > ul > li + li + li{display: none;}
}